<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>天龙八部</h1>
    <hr>
    <div style="background-color: aqua;">
        <h5>当前页面的锚链接</h5>
        <a href="#duanyu">第一章：大理世子：段誉</a>  <br>
        <a href="#murongfu">第二章：乔峰大战慕容复 </a> <br>
        <a href="#xuzhu">第三章：虚竹的春梦</a> <br>
    </div>


    <div style="background-color: deeppink;">
        <h5>跨页面的的锚链接</h5>
        <a href="./04-content.html#duanyu">第一章：大理世子：段誉</a>  <br>
        <a href="./04-content.html#murongfu">第二章：乔峰大战慕容复 </a> <br>
        <a href="./04-content.html#xuzhu">第三章：虚竹的春梦</a> <br>
    </div>


    <p><a id="duanyu">第一章：大理世子：段誉</a></p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>

    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    


    <p><a id="murongfu">第二章：乔峰大战慕容复 </a></p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>

    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>



    <p> <a id="xuzhu">第三章：虚竹的春梦</a></p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>

    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>
    <p>中国</p>


    <a href="#">回到顶部</a>
</body>
</html>